header {
  width: 100%;
  height: .44rem;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;

  h1 {
    width: 1.05rem;
    height: .38rem;
    margin-right: .38rem;
    margin-top: 3px;

    a {
      display: block;
      width: 100%;
      height: 100%;

      img {
        display: block;
        width: 100%;
      }
    }
  }

  .slogan {
    //letter-spacing: .5em;
    line-height: .45rem;
    color: #333;
    font-size: 16px;
    font-weight: 600;
  }

  .btn {
    font-size: .22rem;
    margin-top: .1rem;
  }
}

/* 轮播图 */
.index-banner {

  a {
    display: block;
    width: 100%;

    img {
      display: block;
      width: 100%;
    }
  }

  /* 轮播点样式 */

  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 1;
    transition: all .5s ease-in-out;
  }

  .swiper-pagination-bullet-active {
    width: 22px;
    height: 8px;
    background-color: #ffffff;
    border-radius: 4px;
  }
}

.menu {
  .leftMenu {
    width: 50%;

    ul {
      li {
        padding: 10px 0 10px 70px !important;
      }
    }

    .f2 {
      a {
        margin-bottom: 10px;
      }
    }

  }
}

/* 页脚 */
footer {
  margin-top: 20px;
  height: .595rem;
  background-color: #eed365;
  margin-bottom: .44rem;
  display: flex;
  justify-content: space-between;
  padding-left: .375rem;
  padding-top: .13rem;
  padding-right: .39rem;

  a {
    flex: 0 0 .885rem;
    display: block;

    img {
      display: block;
      width: 100%;
    }
  }

  .foot-msg {
    p {
      font-size: 11px;
      color: #333;
      margin-bottom: .05rem;
    }
  }
}

.float {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: .44rem;
  background-color: #333;
  display: flex;
  justify-content: space-between;
  z-index: 999999;

  &:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 33.33%;
  }

  &:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 66.66%;
  }

  a {
    flex: 0 0 33.33%;
    color: #fff;
    text-align: center;
    line-height: .44rem;
    vertical-align: middle;

    img {
      display: inline-block;
      width: .18rem;
      vertical-align: middle;
      margin-right: .05rem;
    }
    span{
      font-size: 12px;
      vertical-align: middle;
    }

    &:hover {
      color: #fff;
    }

    &:nth-of-type(1) {

    }

    &:nth-of-type(2) {

    }
  }
}

.content {
  padding-top: .4rem;
}
